<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta content="width=device-width,initial-scale=1.0, user-scalable=no" name="viewport" />
<meta content="yes" name=" apple-mobile-web-app-capable" />
<meta content="no" name="apple-touch-fullscreen" />
<meta content="black" name=" apple-mobile-web-app-status-bar-style" />
<meta content="telephone=no" name="format-detection"/>
<title>登录页（移动端）</title>
<script src="../js/base.min.js"></script>
<link rel="stylesheet" href="../css/css.css"/>
<link rel="stylesheet" href="//at.alicdn.com/t/font_942795_0dcc1t1usau.css"/>
<link rel="stylesheet" href="../css/loading.css"/>
</head>
<body>

<div class="tittle" flex="main:center dir:top cross:center">
<h2>AVITAL</h2>
<h3>Mobile UI Kit</h3>
</div>
<div class="f1">
    <input type="text" placeholder="E-mail" maxlength="30%">

</div>

<div class="f1">
    <input type="password" placeholder="Password" maxlength="30%">

</div>

<button class="buttbox_1">
    LOGIN NOW
    <i class="iconfont icon-zhixiangyouyoujiantou"></i>
</button>

<!--<div class="buttbox_1" flex="main:center cross:center">-->

<!--</div>-->


<div class="buttbox_2" flex="main:center cross:center">
     <button class="face1"><a href="">
        Facebook</a>
    </button>
    <button class="goog1">
        Google+
    </button>

</div>

<div class="ques">
<p>Don’t have an account?</p>
</div>


<script>
    document.body.addEventListener('touchstart', function ()
</script>
</body>
</html>